<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
  <link href="../../css/style.css" rel="stylesheet" type="text/css" />
  <!--axios-->
  <script type="text/javascript" src="../../js/axios.js"></script>
  <script type="text/javascript" src="../../js/jquery-3.3.1.js"></script>
  <script type="text/javascript" src="../../js/api.js"></script>
  <link rel="stylesheet" href="../../layui/css/layui.css">
  <script type="text/javascript" src="../../layui/layui.js"></script>
  <script>
    $(function (){
      update();
    })
    function getParameter(name) {
      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
      var r = location.search.substr(1).match(reg);
      if (r!=null) return (r[2]); return null;
    }
    function update(){
      let customId = getParameter("customId");
      let province = getParameter("province");
      let city = getParameter("city");
      var url="http://121.37.227.40:8000/"
      axios({
        url:url+'marketing/marketingView/'+customId+"/"+province+"/"+city,
        method:"POST",
        dataType:"JSON"
      }).then(function (rel){
        rel=rel.data;
        let data=rel.resultData;
        console.log(data)

        let lis='<ul class="forminfo">\n' +
                '    <li>\n' +
                '      <label>姓名</label>\n' +
                '      <input name="customName" type="text" value="'+ data.customName+'" class="dfinput"  id="customName" onblur="checkcustomName()"/>\n' +
                '      <i>必填，不能超过30个字符</i>\n' +
                '    </li>\n' +
                '    <li>\n';
        lis+='<input name="customId" type="text" value="'+ data.customId+'" class="dfinput" STYLE="display: none"/>';
        if(data.sex==1){
          lis+='<label>性别</label>\n' +
                  '      <cite>\n' +
                  '          <input name="sex" type="radio" value="1" checked="checked" />男\n' +
                  '          &nbsp;&nbsp;&nbsp;&nbsp;\n' +
                  '          <input name="sex" type="radio" value="2" />女\n' +
                  '      </cite>\n' +
                  '    </li>\n' +
                  '    <li>'
        }else if(data.sex==2){
          lis+='<label>性别</label>\n' +
                  '      <cite>\n' +
                  '          <input name="sex" type="radio" value="1"  />男\n' +
                  '          &nbsp;&nbsp;&nbsp;&nbsp;\n' +
                  '          <input name="sex" type="radio" value="2" checked="checked"/>女\n' +
                  '      </cite>\n' +
                  '    </li>\n' +
                  '    <li>'
        }
        lis+='<label>所属公司名称</label>\n' +
                '      <input name="company" type="text" value="'+ data.company+'" class="dfinput" id="company" onblur="checkcompany()"/>\n' +
                '       <i>必填，不能超过30个字符</i>\n' +
                '    </li>\n' +
                '    <li>\n' +
                '      <label>联系方式</label>\n' +
                '      <input name="telephone" type="text" value="'+ data.telephone+'" class="dfinput" id="telephone" onblur="checktelephone()"/>\n' +
                '       <i>必填，不能超过30个字符</i>\n' +
                '    </li>\n' +
                '    <li>\n' +
                '      <label>联系地址</label>\n' +
                '      <input name="homeAddress" type="text" value="'+data.homeAddress +'" class="dfinput" id="homeAddress" onblur="checkhomeAddress()"/>\n' +
                '       <i>必填，不能超过130个字符</i>\n' +
                '    </li>\n' +
                '    <li>\n' +
                '      <label>所属区域</label>\n' +
                '      <select class="dfselect" id="country" >\n' +
                '          <option value="0">'+data.province.pName+'</option>\n' +
                '      </select>\n' +
                '      省\n' +
                '      <select class="dfselect" id="city" name="address">\n' +
                '          <option value="0">'+data.city.cName+'</option>\n' +
                '      </select>\n' +
                '      市\n' +
                '      <i>必选</i>\n' +
                '    </li>\n' +
                '    <li>\n' +
                '      <label>描述</label>\n' +
                '      <textarea class="textinput" name="distract">'+data.distract+'</textarea>\n' +
                '      <i>可选</i>\n' +
                '    </li>\n' +
                '    <li>\n';
        if(data.status==1){
          lis+=' <label>状态</label>\n' +
                  '      <select class="dfselect" name="status">\n' +
                  '          <option value="1" selected>可用</option>\n' +
                  '          <option value="2">不可用</option>\n' +
                  '        </select>\n' +
                  '      <i>必选</i>\n' +
                  '    </li>\n' +
                  '    <li>'
        }else if(data.status==2){
          lis+=' <label>状态</label>\n' +
                  '      <select class="dfselect" name="status">\n' +
                  '          <option value="1">可用</option>\n' +
                  '          <option value="2" selected>不可用</option>\n' +
                  '        </select>\n' +
                  '      <i>必选</i>\n' +
                  '    </li>\n' +
                  '    <li>'
        }
        lis+='<label>创建人</label>\n' +
                '      <input name="" type="text" value="" readonly="readonly" class="roinput" placeholder="'+data.creator.uName+'" />\n' +
                '      <i>不能编辑</i>\n' +
                '    </li>\n' +
                '    <li>\n' +
                '      <label>创建时间</label>\n' +
                '      <input name="" type="text" value="" readonly="readonly" class="roinput" placeholder="'+data.createTime +'"/>\n' +
                '      <i>不能编辑</i>\n' +
                '    </li>\n' +
                '    <li>\n' +
                '      <label>&nbsp;</label>\n' +
                '      <input name="" type="button" class="btn" value="确定" id="subupdate" onclick="f4()"/>\n' +
                '      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\n' +
                '      <input name="" type="button" class="btn" value="返回" onclick="window.location.href=\'customerList.html\'"/>\n' +
                '    </li>\n' +
                '  </ul>'

        $('#updateC').html(lis)
        addressMenuInitOfDefault($("#country"),$("#city"),data.province.id,data.city.id)

      })
    }

  </script>
  <script>
    function checkcustomName() {
      var flag=true;
      var customName = $("#customName").val();
      if (customName.length < 1 || customName.length > 30) {
        layer.msg('姓名必填，不能超过30个字符', {icon: 5});
        $("#customName").css({"border-color":"red"})
        flag=false;
      }else {
        $("#customName").css({"border-color":""})
      }
      return flag;
    }

    function checkcompany() {
      var flag=true;
      var company = $("#company").val();
      if (company.length < 1 || company.length > 30) {
        layer.msg('所属公司必填，不能超过30个字符', {icon: 5});
        $("#company").css({"border-color":"red"})
        flag=false;
      }else {
        $("#company").css({"border-color":""})
      }
      return flag;
    }

    function checktelephone() {
      var flag=true;
      var reg =/^[\S]{6,11}$/
      var telephone = $("#telephone").val();
      if (reg.test(telephone )==false) {
        layer.msg('联系方式必须6到12位，且不能出现空格', {icon: 5});
        $("#telephone").css({"border-color":"red"})
        flag=false;
      }else {
        $("#telephone").css({"border-color":""})
      }
      return flag;
    }

    function checkhomeAddress() {
      var flag=true;
      var homeAddress = $("#homeAddress").val();
      if (homeAddress.length < 1 || homeAddress.length > 130) {
        layer.msg('联系地址必填，不能超过130个字符', {icon: 5});
        $("#homeAddress").css({"border-color":"red"})
        flag=false;
      }else {
        $("#homeAddress").css({"border-color":""})
      }
      return flag;
    }

    function f4() {
      var city=$("#city").val()
      var province=$("#country").val()
      if (province==0){
        layer.msg('请选择省份', {icon: 5});
        return false;
      }
      if (city==0||city=="请选择城市"){
        layer.msg('请选择城市', {icon: 5});
        return false;
      }
      if (checkcustomName()&&checkcompany()&&checktelephone()&&checkhomeAddress()){
        var data=$("#updateC").serializeArray()
        axiosJson("post","/marketing/updateMarketingCustom",data,null).then(function (){
          window.location.href='customerList.html'
        })
      }else {
        // layer.msg('请填完整', {icon: 5});
        return false;
      }
    }

  </script>
</head>

<body>
<div class="place"> <span>位置：</span>
  <ul class="placeul">
    <li>营销管理</li>
    <li>客户管理</li>
    <li>修改</li>
  </ul>
</div>
<div class="formbody">
  <div class="formtitle"><span>客户信息</span></div>
  <form method="post" id="updateC">
<!--  <ul class="forminfo">-->
<!--    <li>-->
<!--      <label>姓名</label>-->
<!--      <input name="" type="text" value="王金平" class="dfinput" />-->
<!--      <i>必填，不能超过30个字符</i>-->
<!--    </li>-->
<!--    <li>-->
<!--      <label>性别</label>-->
<!--      <cite>-->
<!--          <input name="" type="radio" value="1" checked="checked" />男-->
<!--          &nbsp;&nbsp;&nbsp;&nbsp;-->
<!--          <input name="" type="radio" value="2" />女-->
<!--      </cite>-->
<!--    </li>-->
<!--    <li>-->
<!--      <label>所属公司名称</label>-->
<!--      <input name="" type="text" value="阿里巴巴" class="dfinput" />-->
<!--       <i>必填，不能超过30个字符</i>-->
<!--    </li>-->
<!--    <li>-->
<!--      <label>联系方式</label>-->
<!--      <input name="" type="text" value="17370899727" class="dfinput" />-->
<!--       <i>必填，不能超过30个字符</i>-->
<!--    </li>-->
<!--    <li>-->
<!--      <label>联系地址</label>-->
<!--      <input name="" type="text" value="江苏南京苏铺路180号泸州花园7栋3单元1801室" class="dfinput" />-->
<!--       <i>必填，不能超过130个字符</i>-->
<!--    </li>-->
<!--    <li>-->
<!--      <label>所属区域</label>-->
<!--      <select class="dfselect">-->
<!--          <option>请选择</option>-->
<!--          <option>北京</option>-->
<!--          <option selected="selected">江苏</option>-->
<!--          <option>天津</option>-->
<!--      </select>-->
<!--      省-->
<!--      <select class="dfselect">-->
<!--          <option>请选择</option>-->
<!--          <option>北京</option>-->
<!--          <option selected="selected">南京</option>-->
<!--          <option>天津</option>-->
<!--      </select>-->
<!--      市-->
<!--      <i>必选</i>-->
<!--    </li>-->
<!--    <li>-->
<!--      <label>描述</label>-->
<!--      <textarea class="textinput">阿里巴巴上市公司</textarea>-->
<!--      <i>可选</i>-->
<!--    </li>-->
<!--    <li>-->
<!--      <label>状态</label>-->
<!--      <select class="dfselect">-->
<!--          <option value="1">可用</option>-->
<!--          <option value="0">不可用</option>-->
<!--        </select>-->
<!--      <i>必选</i>-->
<!--    </li>-->
<!--    <li>-->
<!--      <label>创建人</label>-->
<!--      <input name="" type="text" value="马云" readonly="readonly" class="roinput" />-->
<!--      <i>不能编辑</i>-->
<!--    </li>-->
<!--    <li>-->
<!--      <label>创建时间</label>-->
<!--      <input name="" type="text" value="2017-11-18 15:36:10" readonly="readonly" class="roinput" />-->
<!--      <i>不能编辑</i>-->
<!--    </li>-->
<!--    <li>-->
<!--      <label>&nbsp;</label>-->
<!--      <input name="" type="button" class="btn" value="确定"/>-->
<!--      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
<!--      <input name="" type="button" class="btn" value="返回" onclick="window.location.href='customerList.html'"/>-->
<!--    </li>-->
<!--  </ul>-->
  </form>
</div>
</body>
</html>
